<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>风控规则</title>
    <link
      href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css"
      type="text/css"
      rel="stylesheet"
    />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/daoke.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
  </head>
  <body>
    <!-- 顶部 -->
    <div class="ht60 common-header">
      <div>
        <h1 class="logo">
          人脸识别管理系统
        </h1>
        <span class="common-header-select"
          >xxx项目演示<i class="iconfont icon-xiala"></i
        ></span>
      </div>
      <div>
        <i
          class="iconfont icon-weibiaoti- color-f cursor-p"
          style="font-size:28px"
        ></i>
        <!-- 消息模块 start -->
        <div
          class="bg-f pos-a radius-5 display-n"
          style="width: 250px; padding: 10px 15px; top: 65px;right: 32px;z-index: 999999;border: 1px solid #EBEEF5;box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);"
        >
          <div>
            <div
              class="flex-c"
              style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;"
            >
              <i
                class="icon iconfont icon-huiyi1 color-3"
                style="font-size: 20px;"
              ></i>
              <span style="font-size: 14px;margin: 0 10px" class="color-3"
                >会议管理</span
              >
              <span style="font-size: 12px;" class="color-6"
                >2019-04-23 09:28</span
              >
            </div>
            <div class="font14 color-3">
              <div style="margin: 10px 0">张晓丽发起一次会议，需要您参加。</div>
              <div style="margin: 10px 0">会议标题：年度会议</div>
              <div style="margin: 10px 0">开始时间：2019-04-22 19：30</div>
              <div style="margin: 10px 0">结束时间：2019-04-22 19：50</div>
              <div style="margin: 10px 0">李文博提交的通知公告需要您审批。</div>
            </div>
          </div>
          <div>
            <div
              class="flex-c"
              style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;"
            >
              <i
                class="icon iconfont icon-shenpi color-3"
                style="font-size: 20px;"
              ></i>
              <span style="font-size: 14px;margin: 0 10px" class="color-3"
                >审核</span
              >
              <span style="font-size: 12px;" class="color-6"
                >2019-04-23 09:28</span
              >
            </div>
            <div class="font14 color-3" style="margin: 10px 0">
              <span>张志章提交的通知公告需要您审批。</span>
            </div>
          </div>
          <div>
            <div
              class="flex-c"
              style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;"
            >
              <i
                class="icon iconfont icon-shenpi color-3"
                style="font-size: 20px;"
              ></i>
              <span style="font-size: 14px;margin: 0 10px" class="color-3"
                >审核</span
              >
              <span style="font-size: 12px;" class="color-6"
                >2019-04-23 09:28</span
              >
            </div>
            <div class="font14 color-3" style="margin: 10px 0">
              <span>张志章提交的通知公告需要您审批。</span>
            </div>
          </div>
        </div>
        <!-- 消息模块 end -->
        <span class="cursor-p mr-15 ml-15">
          <i class="iconfont icon-touxiang color-f" style="font-size:28px"></i>
          <span class="color-f font14 display-ib" style="margin-left:10px"
            >刘德华</span
          >
          <!-- 个人信息 start -->
          <div
            class="infobox pos-a bg-f b-box display-n"
            style="	box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);top: 55px;right: 10px; z-index: 9999;border: 1px solid #EBEEF5;padding: 10px 0;
            margin: 5px 0;"
          >
            <div class="common-info-item">修改密码</div>
            <div class="common-info-item">退出登录</div>
          </div>
          <!-- 个人信息 start -->
        </span>
      </div>
    </div>
    <!-- 导航 && 页面区域 start-->
    <section class="common-container">
      <!-- 导航 start-->
      <aside>
        <ul>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
          <li>导航导航</li>
        </ul>
      </aside>
      <!-- 导航 end-->
      <!-- 内容区域 start-->
      <div class=" common-container-main">
        <!-- 面包屑 start -->
        <div
          class="ht40 bg-f flex-c font14 color-3"
          style="padding:0 20px;margin-bottom: 20px"
        >
          <i
            class="iconfont icon-nav_user color-3 font20"
            style="margin-right:10px"
          ></i>
          <span>风控规则</span>
        </div>
        <!-- tabber -->
        <div class="tabber-common bg-f">
          <div
            class="tabber-common_nav bg-f"
            style="transform: translateX(0px);"
          >
            <div class="tabber_item is-active">
              启用规则
            </div>
            <div class="tabber_item">
              已删除规则
            </div>
          </div>
        </div>
        <!-- 列表 -->
        <div class="ruleList">
          <div class="rule-li bg-f">
            <div class="rule-left">
              <img src="./img/rule-com-icon.png" alt="" class="rule-icon" />
            </div>
            <div class="rule-item">
              <div class="rule-item-title">
                <span class="title">通用规则</span>
                <span class="time">创建时间:2019-05-27 21:33:11</span>
                <!-- <span class="rule-delete-button">删除</span> -->
              </div>
              <div class="rule-step">
                <ul class="progressbar">
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title">报备</span>
                    <p class="progressbar-pre-time">提前报备时间：0分钟</p>
                    <p>报备保护期：7天</p>
                  </li>
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title">首次到访</span>
                    <p class="progressbar-pre-time">成交保护期：不启用</p>
                  </li>
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title">认购/成交</span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="rule-li bg-f">
            <div class="rule-left">
              <img src="./img/rule-icon.png" alt="" class="rule-icon" />
            </div>

            <div class="rule-item">
              <div class="rule-item-title">
                <span class="title">渠道 </span>
                <span class="time">创建时间:2019-05-27 21:33:11</span>
                <span class="rule-delete-button">删除</span>
              </div>
              <div class="rule-step">
                <ul class="progressbar">
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title">报备</span>
                    <p class="progressbar-pre-time">提前报备时间：0分钟</p>
                    <p>报备保护期：7天</p>
                  </li>
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title">首次到访</span>
                    <p class="progressbar-pre-time">成交保护期：不启用</p>
                  </li>
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title">认购/成交</span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="rule-li rule-li-del bg-f">
            <div class="rule-left">
              <img src="./img/rule-del.png" alt="" class="rule-icon" />
            </div>
            <div class="rule-item">
              <div class="rule-item-title">
                <span class="title title-delete">渠道 </span>
                <span class="time">创建时间:2019-05-27 21:33:11</span>
                <span class="deleteTime">删除时间:2019-05-27 21:33:11</span>
                <!-- <span class="rule-delete-button">删除</span> -->
              </div>
              <div class="rule-step">
                <ul class="progressbar progressbar-del">
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title progressbar-title-del"
                      >报备</span
                    >
                    <p class="progressbar-pre-time">提前报备时间：0分钟</p>
                    <p>报备保护期：7天</p>
                  </li>
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title progressbar-title-del"
                      >首次到访</span
                    >
                    <p class="progressbar-pre-time">成交保护期：不启用</p>
                  </li>
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title progressbar-title-del"
                      >认购/成交</span
                    >
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="ruleList">
          <div class="rule-li bg-f">
            <div class="rule-left">
              <img src="./img/rule-com-icon.png" alt="" class="rule-icon" />
            </div>
            <div class="rule-item">
              <div class="rule-item-title">
                <span class="title">通用规则</span>
                <span class="time">创建时间:2019-05-27 21:33:11</span>
                <!-- <span class="rule-delete-button">删除</span> -->
              </div>
              <div class="rule-step">
                <ul class="progressbar">
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title">报备</span>
                    <p class="progressbar-pre-time">提前报备时间：0分钟</p>
                    <p>报备保护期：7天</p>
                  </li>
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title">首次到访</span>
                    <p class="progressbar-pre-time">成交保护期：不启用</p>
                  </li>
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title">认购/成交</span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="rule-li bg-f">
            <div class="rule-left">
              <img src="./img/rule-icon.png" alt="" class="rule-icon" />
            </div>

            <div class="rule-item">
              <div class="rule-item-title">
                <span class="title">渠道 </span>
                <span class="time">创建时间:2019-05-27 21:33:11</span>
                <span class="rule-delete-button">删除</span>
              </div>
              <div class="rule-step">
                <ul class="progressbar">
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title">报备</span>
                    <p class="progressbar-pre-time">提前报备时间：0分钟</p>
                    <p>报备保护期：7天</p>
                  </li>
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title">首次到访</span>
                    <p class="progressbar-pre-time">成交保护期：不启用</p>
                  </li>
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title">认购/成交</span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="rule-li rule-li-del bg-f">
            <div class="rule-left">
              <img src="./img/rule-del.png" alt="" class="rule-icon" />
            </div>
            <div class="rule-item">
              <div class="rule-item-title">
                <span class="title title-delete">渠道 </span>
                <span class="time">创建时间:2019-05-27 21:33:11</span>
                <span class="deleteTime">删除时间:2019-05-27 21:33:11</span>
                <!-- <span class="rule-delete-button">删除</span> -->
              </div>
              <div class="rule-step">
                <ul class="progressbar progressbar-del">
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title progressbar-title-del"
                      >报备</span
                    >
                    <p class="progressbar-pre-time">提前报备时间：0分钟</p>
                    <p>报备保护期：7天</p>
                  </li>
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title progressbar-title-del"
                      >首次到访</span
                    >
                    <p class="progressbar-pre-time">成交保护期：不启用</p>
                  </li>
                  <li class="active" style="width: 30%;">
                    <span class="progressbar-title progressbar-title-del"
                      >认购/成交</span
                    >
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 内容区域 end -->
    </section>
    <!-- 导航 && 页面区域 end-->
    <!-- 新增规则弹框 start -->
    <div
      class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
      style="z-index:120;"
    >
      <div class="flex-cc w100">
        <div
          class="bg-f overflow-h text-l"
          style="border-radius:4px;width:380px;margin-top:200px;"
        >
          <div
            class="font14 bg-theme color-f ht40 l-ht40"
            style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px"
          >
            <i
              class="icon iconfont icon-guanbi1 fr text-c cursor-p font16"
              title="close"
              data-feidao-actions="click:eu-001"
            ></i
            >添加风控规则
          </div>
          <div class="p20 color-6">
            <div style=" display: flex;align-items:center;margin-bottom: 20px">
              <div style="width:100px;height:20px">
                <span class="display-ib font14 fr">
                  规则名称:&nbsp;
                </span>
              </div>
              <div>
                <input type="text" class="text" style="width:180px" />
              </div>
            </div>
            <div style=" display: flex;align-items:center;margin-bottom: 20px">
              <div style="width:100px;height:20px">
                <span class="display-ib font14 fr">
                  提前报备时间:&nbsp;
                </span>
              </div>
              <div>
                <input type="checkbox" name="p_daan" />启用&nbsp;
                <input type="text" class="text" />分钟
              </div>
            </div>
            <div style=" display: flex;align-items:center;margin-bottom: 20px">
              <div style="width:100px;height:20px">
                <span class="display-ib font14 fr">
                  报备保护期:&nbsp;
                </span>
              </div>
              <div>
                <input type="checkbox" name="p_daan" />启用&nbsp;
                <input type="text" class="text" />分钟
              </div>
            </div>
            <div style=" display: flex;align-items:center;margin-bottom: 20px">
              <div style="width:100px;height:20px">
                <span class="display-ib font14 fr">
                  成交保护期:&nbsp;
                </span>
              </div>
              <div>
                <input type="checkbox" name="p_daan" />启用&nbsp;
                <input type="text" class="text" />分钟
              </div>
            </div>
            <div class="text-c" style="margin-top: 20px;">
              <input
                type="button"
                value="确认"
                class="btn"
                style="width: 50px;"
              />
              <input
                type="button"
                value="取消"
                class="cbtn"
                style="width: 50px;margin-left: 60px;"
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 删除规则弹框 end -->

    <!-- 修改密码弹窗 start -->
    <div
      class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
      style="z-index:120;"
    >
      <div class="flex-cc w100">
        <div
          class="bg-f overflow-h text-l"
          style="border-radius:4px;width:380px;margin-top:200px;"
        >
          <div
            class="font14 bg-theme color-f ht40 l-ht40"
            style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px"
          >
            <i
              class="icon iconfont icon-guanbi1 fr text-c cursor-p font16"
              title="close"
              data-feidao-actions="click:eu-001"
            ></i
            >修改密码
          </div>
          <div class="p20 color-6">
            <div style=" display: flex;align-items:center;margin-bottom: 20px">
              <div style="width:100px;height:20px">
                <span class="display-ib font14 fr">
                  原密码：
                </span>
              </div>
              <div>
                <input type="text" class="text" style="width:180px" />
              </div>
            </div>
            <div style=" display: flex;align-items:center;margin-bottom: 20px">
              <div style="width:100px;height:20px">
                <span class="display-ib font14 fr">
                  新密码：
                </span>
              </div>
              <div>
                <input type="text" class="text" style="width:180px" />
              </div>
            </div>
            <div style=" display: flex;align-items:center;margin-bottom: 20px">
              <div style="width:100px;height:20px">
                <span class="display-ib font14 fr">
                  确认密码：
                </span>
              </div>
              <div>
                <input type="text" class="text" style="width:180px" />
              </div>
            </div>
            <div class="text-c" style="margin-top: 20px;">
              <input
                type="button"
                value="确认"
                class="btn"
                style="width: 50px;"
              />
              <input
                type="button"
                value="取消"
                class="cbtn"
                style="width: 50px;margin-left: 60px;"
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 修改密码弹窗 end -->
  </body>
</html>
